<template>
    <div class="goods-list">
        <GoodsListitems v-for="item in goodsShow" :key="item" :product="item"></GoodsListitems>
    </div>
</template>

<script>
    import GoodsListitems from "./GoodsListitems";
    export default {
        name: "GoodList",
        props:{
          goodsShow: {
              type:Array,
              default(){
                  return []
              }
          }
        },
        components:{
            GoodsListitems,
        }
    }
</script>

<style scoped>
.goods-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 5px;
}
</style>